.ombre
{
	box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.42);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.42);
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.42);
}

/* RECHERCHE : à mettre dans bandeau.css ??? */

/* les li en float left, c'est mieux parce qu'il n'y a plus le bug d'interprétation
du saut de ligne comme un espace par le navigateur, mais ça empêche d'utiliser la technique
de ninja pour centre le menu donc voila quoi c'est pas drôle...
Dans le cas du forum on peut le mettre en float left pour l'aisser l'espace à la barre de recherche*/
#bandeau ul.menu_forum li
{
	float:left;
	height:100%;
}
/* pour l'image de loupe c'est sûrement dans un button ? et la recherche un input ? */
#recherche
{
	width:188px;
	height:30px;
	background:#bd2c04;
	float:right;
	margin-top:5px;
}
#recherche input
{
	height:100%;
	float:left;
	border:none;
	background:none;
	color:#FFF;
	font-size:14px;
}
#recherche input#champ_recherche
{
	width:138px;
	padding-left:10px;
}
#recherche input#bouton_recherche
{
	width:40px;
	cursor:pointer;
	background:url("../images/forum/loupe.png") 16px 6px no-repeat;
}
#recherche input#bouton_recherche:hover
{
	background:url("../images/forum/loupe_hover.png") 16px 6px no-repeat;
}

p
{
	color:#FFF;
}
p#visite
{
	float:right;
	font-size:11px;
	margin-top:-20px;
}

/* STRUCTURE DU FORUM 3 types de colonnes */

.grand
{
	width:466px;
	height:100%;
	margin-right:8px;
	float:left;
}
.petit
{
	width:120px;
	height:100%;
	margin-right:8px;
	text-align:center;
	float:left;
}
.moyen
{
	width:230px;
	height:100%;
	margin-left:730px;
}

/* ENTETE */

ul#entete_forum
{
	height:48px;
	margin-bottom:8px;
}

ul#entete_forum li
{
	display:block;
	height:100%;
	line-height:48px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}

ul#entete_forum li.grand
{
	background:#4d110a url("../images/forum/entete_forum1.png") no-repeat left center;
}


ul#entete_forum li.grand span
{
	padding-left:16px;
	margin-left:40px;
	display:block;
	border-right:solid 1px #bd2c04;
	border-top:solid 1px #bd2c04;
	border-bottom:solid 1px #bd2c04;
	height:46px;
}

ul#entete_forum li.moyen
{
	background:#4d110a url("../images/forum/entete_forum2.png") no-repeat right center;
}

ul#entete_forum li.moyen span
{
	padding-left:16px;
	margin-right:40px;
	display:block;
	border-left:solid 1px #bd2c04;
	border-top:solid 1px #bd2c04;
	border-bottom:solid 1px #bd2c04;
	height:46px;
}

ul#entete_forum li.petit
{
	background:#4d110a;
	border:solid 1px #bd2c04;
	height:46px;
	width:118px;
}

/* TITRE */

h4
{
	color:#FFF;
	font-size:18px;
	background:#28505c;
	line-height:34px;
	padding-left:56px;
	/* pour que l'ombre soit au dessus */
	//z-index:100;
	//position:relative;
}

/* CONTENUS */

div.ligne
{
	/*height:68px; la taille est fixe mais est ce qu'un titre peut faire plusieurs lignes ?? car dans ce cas la hauteur ne doit plus être fixe ..... */
	background:#111a1c;
	padding:14px 0;
	clear:both;
}

div.ligne.nonlu, .nonlu
{
	background:#111a1c url("../images/forum/nonlu.png") no-repeat 16px 12px;
}
div.ligne.lu, .lu
{
	background:#111a1c url("../images/forum/lu.png") no-repeat 16px 12px;
}
div.ligne.verrouille, .verrouille
{
	background:#111a1c url("../images/forum/verrouille.png") no-repeat 16px 12px;
}

h5, h5 a
{
	font-size:14px;
	color:#FFF;
	text-decoration:none;
}

div.ligne.bordure
{
	border-top:solid 1px #562112;
}

div.ligne div
{

}

div.ligne div.petit
{
	line-height:62px;
}

div.ligne div.grand
{
	padding-left:56px;
	width:410px;
}
div.ligne div.grand p.description
{
	font-size:12px;
}
/* Du coup le lien est sur toute la div ???? c'est pas forcément logique mais la maquette implique que toute la div est clickable (changement de couleur)*/
div.ligne div.grand:hover h5, div.ligne div.grand:hover h5 a, div.ligne div.grand:hover p.description
{
	color:#bd2c04;
}
div.ligne div.moyen
{
	padding-left:16px;
	width:214px;
}
a.maj
{
    font-size: 12px;
	color:#28505c;
	text-decoration:none;
	padding-right:15px;
	background:url("../images/forum/fleche.png") no-repeat right center;
}
a.maj:hover
{
	color:#bd2c04;
}
a.auteur
{
	color: #bd2c04;
    font-weight: bold;
    text-decoration: none;
}
a.auteur:hover
{
	color:#28505c;
}
.date
{
	font-size:11px;
}
#legende
{
	width:342px;
	margin-top:40px;
	background:#111a1c;
	float:left;
}
#legende p
{
	padding:20px 0 20px 0;
}
#legende p span
{
	line-height:40px;
	display:inline-block;
	padding-left:56px;
}

#stats
{
	width:400px;
	margin-top:40px;
	background:#111a1c;
	margin-left:382px;
}
#stats p
{
	padding:20px 0 20px 56px;
	line-height:40px;
}
/**************** NON CO ****************/

#non_co
{
	margin-top: 8px;
	background:#111A1C;
	padding:30px;
}

#non_co p
{
	padding:28px;
	background:#4d110a;
	border:solid 1px #bd2c04;
	color:#bd2c04;
	width:420px;
	margin:auto;
}


/**f_individuel.css********************/
h4.titre-individuel
{
	float:left;	
	width:760px;
	margin-bottom: 8px;
}

p.btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #bd2c04;
    line-height: 32px;
    padding: 0;
    display:inline-block;
    float:right;
}
p.btn a {
    color: #fff;
    display: block;
    font-size: 14px;
    height: 100%;
    margin: 0;
    padding: 0 22px;
    text-decoration: none;
    text-shadow: none;
}
p.btn:hover
{
	background:#bd2c04;
}

.clear
{
	clear: both;
}

ul.entete_sous_forum { /* ajout par rapport à forum.css */
    background:#111a1c;
    margin-bottom: 0px  !important; /* surcharge css par rapport à forum.css */
}
ul.entete_sous_forum li { /* ajout par rapport à forum.css */
    
    float:left;
}

.sujet { 
	margin-right: 8px;
}
ul#entete_forum li.sujet { 
    background: url("../images/forum/entete_forum1_individuel.png") no-repeat scroll left center #4d110a;
	width:388px;
}
ul#entete_forum li.sujet span { 
    border-bottom: 1px solid #bd2c04;
    border-right: 1px solid #bd2c04;
    border-top: 1px solid #bd2c04;
    display: block;
    height: 46px;
    margin-left: 40px;
    padding-left: 16px;
}
ul#entete_forum li.milieu {
	background: none repeat scroll 0 0 #4d110a;
    border: 1px solid #bd2c04;
    height: 46px;
	margin-right: 8px;
    text-align:center;
}
ul#entete_forum li.reponses { 
    width:92px; 
}
ul#entete_forum li.auteur { 
    width:184px; 
}
ul#entete_forum li.vues { 
    width:54px; 
}
ul#entete_forum li.msg { 
    background: url("../images/forum/entete_forum2_individuel.png") no-repeat scroll right center #4d110a;
    width:204px;
}
div.ligne {
    height: 60px;
}
div.ligne p.description {
    font-size: 12px;
}
ul#entete_forum li.msg span { 
    border-bottom: 1px solid #bd2c04;
    border-left: 1px solid #bd2c04;
    border-top: 1px solid #bd2c04;
    display: block;
    height: 46px;
    margin-right: 40px;
    padding-left: 16px;
}
div.ligne div.sujet {
    padding-left: 56px;
    width: 332px;
    float:left;
}
div.ligne div.milieu {
	float:left;
	text-align:center;
	margin-right:8px;
}
div.ligne div.reponses { 
    width:94px; 
}
div.ligne div.auteur { 
    width:186px; 
}
div.ligne div.vues { 
    width:56px; 
}
div.ligne div.msg {
	margin-left:758px;
	padding-left: 16px;
}
.numero
{
	font-size:12px;
}
.numero a
{
	color:#bd2c04;
	text-decoration:none;
}
.numero a:hover
{
	text-decoration:underline;
}
#legende.sous_forum { /* surcharge css par rapport à forum.css */
    float: none;
    margin-top: 40px;
}

.description a.auteur { /* surcharge css par rapport à forum.css */
    font-weight: normal;
}



div.ligne div.sujet:hover h5, div.ligne div.sujet:hover h5 a, div.ligne div.sujet:hover p.description
{
	color:#bd2c04;
}
div.ligne .fleche
{
	background: url("../images/forum/fleche.png") no-repeat right center;
	padding-right: 15px;
}
div.ligne.important, .important
{
	background:#111a1c url("../images/forum/important.png") no-repeat 16px 18px;
}
div.ligne.nonlu-important, .nonlu-important
{
	background:#111a1c url("../images/forum/nonlu-important.png") no-repeat 16px 18px;
}
div.ligne.nonlu, .nonlu
{
	background:#111a1c url("../images/forum/nonlu.png") no-repeat 16px 18px;
}
div.ligne.lu, .lu
{
	background:#111a1c url("../images/forum/lu.png") no-repeat 16px 18px;
}
div.ligne.verrouille, .verrouille
{
	background:#111a1c url("../images/forum/verrouille.png") no-repeat 16px 18px;
}
.important
{
	background-position:16px center;
}
.nonlu-important
{
	background-position:16px center;
}
.nonlu
{
	background-position:16px center;
}
.lu
{
	background-position:16px center;
}
.verrouille
{
	background-position:16px center;
}

#pagination
{
	float:right;
}
#pagination ul
{
	list-style-type:none;
}
#pagination ul li
{
	float:left;
	color:#FFF;
	line-height:44px;
	margin-top:8px;
}
#pagination ul li a.num
{
	color: #fff;
    display: block;
    font-size: 14px;
    padding: 0 6px;
    text-decoration: none;
    border: 1px solid #bd2c04;
    line-height: 25px;
	line-height:25px;
	margin:0 4px;
}
#pagination ul li a.num:hover
{
	background:#bd2c04;
}
#pagination ul li a.num.active
{
	background:#FFF;
	color:#1b282c;
}
#pagination ul li a.fleche_droite
{
	margin-left:4px;
	width:26px;
	height:34px;
	background:url("../images/forum/fleche_droite.png") no-repeat;
	display:block;
}
#pagination ul li a.fleche_gauche
{
	width:26px;
	height:34px;
	background:url("../images/forum/fleche_gauche.png") no-repeat;
	display:block;
}
#pagination ul li a.fleche_droite:hover
{
	background:url("../images/forum/fleche_droite_hover.png") no-repeat;
}
#pagination ul li a.fleche_gauche:hover
{
	background:url("../images/forum/fleche_gauche_hover.png") no-repeat;
}
#pagination .suspension
{
	margin:0 8px;
}

/**f_message.css********************/

#sondage
{
	border:solid 1px #28505c;
	margin:10px 28px 18px 28px;
}
#sondage .sondage_contenu
{
	display:none;
}
#sondage .sondage_contenu_actif
{
	display:block;
        
}
#sondage h5.actif
{
	background:#1b282c url('../images/forum/sondage_moins.png') right center no-repeat;
	margin-bottom:18px;
	border-bottom:solid 1px #28505c;
}
#sondage h5
{
	background:#1b282c url('../images/forum/sondage_plus.png') right center no-repeat;
	font-size:12px;
	text-align:center;
	font-weight:normal;
	height:24px;
	line-height:24px;
	cursor:pointer;
}

#message .informations
{
	margin-top:30px;
}
#message .informations label, #sondage label
{
	padding-left:28px;
	width:100px;
}
#message .informations label, #sondage label
{
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	height:26px;
	line-height:26px;
	display:block;
	float:left;
}
#sondage label
{
	padding-left:26px;
	width:166px;
	text-align:right;
	padding-right:10px;
}
#message .informations input
{
	margin-left:128px;
	width:500px;
}
#message .informations input, #sondage input.texte
{
	height: 26px;
	display:block;
	padding-left:10px;
	border-top:solid 1px #070d0f;
	border-left:solid 1px #070d0f;
	border-right:solid 1px #262f30;
	border-bottom:solid 1px #262f30;
	background:#0a1215;
	font-size:14px;
	color:#FFF;
}
#sondage input.texte
{
	float:left;
	width:662px;
	margin-right:26px;
	margin-bottom:18px;
}
#sondage input.texte.rempli
{
	width:628px;
	margin-right:0px;
}
.supprimer_choix
{
	width:35px;
	height:26px;
	border:none;
	background:url('../images/forum/supprimer_choix.png') no-repeat;
	cursor:pointer;
	margin-left: 6px;
        margin-bottom: 17px;
}
#message .informations input:focus, #sondage input.texte:focus
{
	background:#28505c;
	-webkit-box-shadow:inset 0 0 1px 1px #1a343b;
	-moz-box-shadow:inset 0 0 1px 1px #1a343b;
	box-shadow:inset 0 0 1px 1px #1a343b;
}
div#sondage .actions li.btn.petit_bleu input
{
	border-color:#28505c;
	font-size:12px;
	line-height:24px;
	padding:0 16px;
	margin-top:6px;
}
div#sondage .actions li.btn.petit_bleu input:hover
{
	background:#28505c;
}
#sondage .actions
{
	margin-left:202px;
	clear:both;
}

/**f_sujet.css********************/

/* TITRE */

h4 span.bleuf
{
	color:#1b282c;
}

h4 a
{
	color:#FFF;
	text-decoration:none;
}

h4 a:hover
{
	color:#FFF;
	text-decoration:underline;
}

h4 a:visited
{
	color:#FFF;
	text-decoration:none;
}

/* Bandeau d'actions */

ul.actions
{
	list-style-type:none;
	height:35px;
	width:100%;
	margin-top:8px;
	background:#111a1c;
	padding-bottom:8px;
	clear: both;
}

ul.milieu {
    text-align: center;
}

.actions li
{
	float:left;
	margin-right:8px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}
.actions li.droit
{
	float:right;
	margin-top:2px;
}
.actions li.droit p.page
{
	height:35px;
	float: left;
}
.actions li.droit.page
{
	width:160px;
	margin-top: 8px;
}

ul.page {
      border: solid 1px #bd2c04;
      list-style-type:none;
      width:50px;
      background:#1b282c;
      position: absolute; /* pour qu'il soit par dessus le reste */
      margin-left: 108px;
}
ul.page li a {
     display:block;
      height:26px;
      line-height:26px;
      width:38px;
      padding-left:12px;
      margin:0;
      text-decoration:none;
      color:#FFF;
}
ul.page li a:hover {
     background:#bd2c04;
}
ul.page li a.active{
      background:#FFF url('../images/forum/fleche_select.png') 38px center no-repeat;
      color:#1b282c;
      border-bottom: solid 1px #bd2c04;
}
ul.page li a:active {
      background:#FFF;
      color:#1b282c;
}
select#page option{
      border-right: solid 1px #bd2c04 !important;  
      border-left: solid 1px #bd2c04 !important; 
      background:#1b282c;
      color:#FFF;
      padding-left:10px;
      padding-top:4px;
      padding-bottom:2px;
}
select#page option:first-child{
	border-top: solid 1px #bd2c04 !important;  
}
select#page option:last-child{
	border-bottom: solid 1px #bd2c04 !important;  
}

.actions li.btn a:hover, .actions li.btn input:hover
{
	background:#bd2c04;
}

.actions li.btn a, .actions li.btn input
{
	line-height:33px; /* border */
	border:solid 1px #bd2c04; 
	background:#1b282c;
	color:#FFF;
	text-decoration:none;
	//height:100%;
	display:block;
	padding:0 22px;
	font-size:14px;
	margin:0;
	text-shadow:none;
	font-weight:bold;
}
.actions li.btn input
{
	line-height:31px;
	cursor:pointer;
}

/* SUJET */

/* separator */

div.separator
{
	background:#4d110a;
	border:solid 1px #bd2c04;
	height:16px;
	clear:both;
}

div.post, form.post
{
	background:#111a1c;
}

div.post div.profil
{
	width:184px; /* width de 200 moins 16 de pagging */
	float:left;
	padding-left:16px;
	padding-top:8px;
}

div.post div.profil .pseudo a, div.post div.profil .pseudo a:visited
{
	color:#bd2c04;
	font-weight:bold;
	text-decoration:none;
}

div.post div.profil .pseudo a:hover
{
	color:#28505c;
}

div.post div.profil .statut
{
	color:#bd2c04;
	margin-bottom:10px;
}

div.post div.profil .informations
{
	color:#28505c;
}

div.post div.message
{
	margin-left:200px;
	padding:0 25px;
	border-left:solid 1px #bd2c04;
	padding-top:8px;
	min-height: 288px;
        color:#FFF;
}

div.post div.message .infos_msg
{
	color:#28505c;
	font-size:12px;
	margin-bottom:24px;
}

div.post div.message .infos_msg a
{
	color:#28505c;
	text-decoration: none;
}

div.post div.message a:hover
{
	text-decoration: underline;
}

div.post div.message .auteur_citation
{
	color:#28505c;
	margin-left:26px;
	margin-bottom:2px;
	margin-top:26px;
}

div.post div.message>a
{
	color:#007281;
        text-decoration: underline;
}

div.post div.message>a:hover
{
	color:#bd2c04;
        text-decoration: underline;
}
div.post div.message>a:visited
{
	color:#007281;
        text-decoration: underline;
}

div.post div.message blockquote
{
	padding:22px 26px;
	margin:0 26px 26px 26px;
	border:solid 1px #28505c;
	font-style:italic;
}

div.post div.message blockquote, div.post div.message blockquote p
{
	color:#8a9193;
}
/* ATTENTION !!!!! une citation une fois sur deux change de fond */
div.post div.message blockquote.pair
{
	background:#152327;
}
div.post div.message blockquote.impair
{
	background:#111a1c;
}

div.post div.message hr
{
	border:none;
	border-top:solid 1px #28505c;
	width:250px;
	margin-top:10px;
	margin-bottom:4px;
}

div.post div.message .signature
{
	color:#28505c;
	font-size:12px;
}

div.post div.message .actions
{
	border-top:solid 1px #bd2c04;
	padding-top:8px;
	padding-bottom:20px;
}

div.post div.message .actions li a, .sondage .actions li input
{
	font-weight:normal;
	font-size:12px;
	padding: 0 14px;
	line-height:24px;
}

div.post div.message .actions li.btn.bleu a
{
	border-color:#28505c;
}
div.post div.message .actions li.btn.bleu a:hover
{
	background:#28505c;
}

div.post div.message .actions li.btn {
    line-height: 23px;
}

h4.reponse
{
	background:#4d110a;
	border:solid 1px #bd2c04;
	clear:both;
	margin-top: 10px;
}

/* Reponse rapide */

#outils
{
	height:36px;
	line-height:36px;
	background:#28505c;
	border-bottom:solid 3px #1b282c;
	display:inline-block;
	margin-top:18px;
	margin-left:28px;
	list-style-type:none;
	
	position:relative; /* sinon il passe sous le textarea du wysiwyg */
}

#wysiwyg
{
	background:#0a1215;
	padding:26px;
	min-height:280px;
	margin:36px 28px 8px 28px;
	width: 850px;
	max-width: 850px;
	min-width:850px;
	color:#FFF;
	border-top:solid 1px #070d0f;
	border-left:solid 1px #070d0f;
	border-right:solid 1px #262f30;
	border-bottom:solid 1px #262f30;
        font-family: inherit;
   font-size: inherit;
}

#rep_rapide .actions, #message .actions
{
	margin-right:20px;
	margin-left:28px;
	width:auto;
	padding-bottom:20px;
}

#rep_rapide .actions li, #message .actions li
{
	line-height:12px;
}

#rep_rapide .actions li label, #message .actions li label
{
	font-weight:normal;
	font-size:12px;
	margin-left:6px;
}

.bbouton
{
	background:#28505c;
	border:none;
	cursor:pointer;
	height:36px;
	float:left;
}

/* OUTILS WYSIWYG */

#taille
{
	background:url('../images/forum/outils/taille.png') no-repeat;
	width:62px;
	border-right:solid 1px #1b282c;
}
#taille:hover
{
	background:#ae2c0a url('../images/forum/outils/taille.png') no-repeat;
}
#taille:active
{
	background:#152327 url('../images/forum/outils/taille_active.png') no-repeat;
}
#gras
{
	background:url('../images/forum/outils/gras.png') no-repeat;
	width:38px;
	border-right:solid 1px #1b282c;
}
#gras:hover
{
	background:#ae2c0a url('../images/forum/outils/gras.png') no-repeat;
}
#gras:active
{
	background:#152327 url('../images/forum/outils/gras_active.png') no-repeat;
}
#italique
{
	background:url('../images/forum/outils/italique.png') no-repeat;
	width:34px;
	border-right:solid 1px #1b282c;
}
#italique:hover
{
	background:#ae2c0a url('../images/forum/outils/italique.png') no-repeat;
}
#italique:active
{
	background:#152327 url('../images/forum/outils/italique_active.png') no-repeat;
}
#soulignage
{
	background:url('../images/forum/outils/soulignage.png') no-repeat;
	width:42px;
	border-right:solid 1px #1b282c;
}
#soulignage:hover
{
	background:#ae2c0a url('../images/forum/outils/soulignage.png') no-repeat;
}
#soulignage:active
{
	background:#152327 url('../images/forum/outils/soulignage_active.png') no-repeat;
}
#surlignage
{
	background:url('../images/forum/outils/surlignage.png') no-repeat;
	width:52px;
	border-right:solid 1px #1b282c;
}
#surlignage:hover
{
	background:#ae2c0a url('../images/forum/outils/surlignage.png') no-repeat;
}
#surlignage:active
{
	background:#152327 url('../images/forum/outils/surlignage_active.png') no-repeat;
}
#citation
{
	background:url('../images/forum/outils/citation.png') no-repeat;
	width:38px;
	border-right:solid 1px #1b282c;
}
#citation:hover
{
	background:#ae2c0a url('../images/forum/outils/citation.png') no-repeat;
}
#citation:active
{
	background:#152327 url('../images/forum/outils/citation_active.png') no-repeat;
}
#liens
{
	background:url('../images/forum/outils/liens.png') no-repeat;
	width:46px;
	border-right:solid 1px #1b282c;
}
#liens:hover
{
	background:#ae2c0a url('../images/forum/outils/liens.png') no-repeat;
}
#liens:active
{
	background:#152327 url('../images/forum/outils/liens_active.png') no-repeat;
}
#images
{
	background:url('../images/forum/outils/images.png') no-repeat;
	width:46px;
	border-right:solid 1px #1b282c;
}
#images:hover
{
	background:#ae2c0a url('../images/forum/outils/images.png') no-repeat;
}
#images:active
{
	background:#152327 url('../images/forum/outils/images_active.png') no-repeat;
}
#smiley
{
	background:url('../images/forum/outils/smiley.png') no-repeat;
	width:62px;
}
#smiley:hover
{
	background:#ae2c0a url('../images/forum/outils/smiley.png') no-repeat;
}
#smiley:active
{
	background:#152327 url('../images/forum/outils/smiley_active.png') no-repeat;
}

/* SURVOL informations complementaires // détails */

#outils .detail
{
	font-size:12px;
	height:18px;
	line-height:18px;
	padding:0 4px;
	background:#ae2c0a;
	display:none;
	position:absolute;
}

#outils li
{
	float:left;
}

#outils li div
{
	margin-top:36px;
	height:10px;
	width:14px;
	background:url('../images/forum/fleche_detail.png') bottom right no-repeat;
	display:none;
}

#outils li:hover .detail, #outils li:hover div
{
	display:block;
}

#outils li:active .detail, #outils li:active div
{
	display:none;
}

#outils li ul
{
	display:block;
	background:#1b282c;
	margin-top: 36px;
    position: absolute;
}

#outils li ul.typo
{
	width: 62px;
	display:none;
}

#outils li ul.couleur
{
	width:45px;
	padding-left:7px;
	display:none;
	padding-top:10px;
	padding-bottom: 6px;
}

#outils li ul.smiley
{
	width: 250px; /*parametre peut être à changer quand on aura les "vrais" smileys*/
	min-height:100px;
	display:none;
}

#outils li:active ul
{
	display:block;
}

#outils li ul.typo li
{
	color: #fff;
    display: block;
    height: 22px;
    line-height: 22px;
    width: 40px;
    padding-left:22px;
	background:#1b282c;
	cursor:pointer;
}

#outils li ul.couleur li
{
    display: block;
    height: 16px;
    width: 16px;
	cursor:pointer;
	margin-right:6px;
	margin-bottom:2px;
}

#outils li ul.smiley li
{
    display: block;
    //height: ;
    //width: ;
	cursor:pointer;
}

#outils li ul.couleur li.active
{
    height: 14px;
    width: 14px;
    border:solid 1px #28505c;
    background-image:url('../images/forum/outils/couleur_active.png');
    background-repeat:no-repeat;
}

#outils li ul.typo li:hover, #outils li ul.typo li:active
{
	background:#bd2c04;
}

/********** SONDAGE ************/

.post .sondage
{
	padding:28px 28px 20px 28px;
	border-bottom: 1px solid #bd2c04;
}
.post .sondage .entete
{
	height:30px;
	border-bottom: 1px solid #bd2c04;
}

.post .sondage .entete h5
{
	float:left;
	line-height:30px;
}
.post .sondage .entete p
{
	line-height:30px;
	float:right;
}
.post .sondage .reponses
{
	margin-top:24px;
}
.post .sondage .colonne
{
	
}
.post .sondage .colonne.gauche
{
	float:left;
	padding-right:20px;
	width:432px;
}
.post .sondage .colonne.gauche label
{
	font-size:14px;
	color:#FFF;
	margin-bottom:18px;
	display: inline-block;
	//padding-left:20px;
	line-height: 16px;
}
.post .sondage .colonne.droite
{
	margin-left:50%;
	padding-left:20px;
	width:431px;
	border-left:solid 1px #1b282c;
}
.post .sondage .colonne.droite .reponse
{
	height:13px;
	width:300px;
	background:#0a1215;
	float: left;
	margin-bottom: 24px;
}
.post .sondage .colonne.droite .reponse div
{
	background:url('../images/forum/progress_sondage.png') repeat-x;
	height:100%;
}
.post .sondage .colonne.droite p
{
	margin-left:308px;
	line-height: 12px;
	margin-bottom: 10px;
	width: 124px;
}

.post .sondage .colonne.droite p span.bleu
{
	color:#28505c;
	//float: right;
    width: 90px;
    padding-left: 3px;
}

/*********** STYLISER LA CHECK BOX ***********
http://www.creativejuiz.fr/blog/tutoriels/personnaliser-aspect-boutons-radio-checkbox-css*/

/* Cachons la case à cocher */  
form input#smiley_off:not(:checked),  
form input#smiley_off:checked 
{  
	position: absolute;  
	left: -9999px;  
}  
      
/* on prépare le label */  
form input#smiley_off:not(:checked) + label,  
form input#smiley_off:checked + label {  
	position: relative; /* permet de positionner les pseudo-éléments */  
	padding-left: 18px; /* fait un peu d'espace pour notre case à venir */  
	cursor: pointer;    /* affiche un curseur adapté */  
}  

/* Aspect des checkboxes */  
/* :before sert à créer la case à cocher */  
form input#smiley_off:not(:checked) + label:before,  
form input#smiley_off:checked + label:before {  
	content: '';  
	position: absolute;  
	left:-4px; top: 0;  
	width: 13px; height: 13px; /* dim. de la case */  

	background: url(../images/forum/unchecked.png) no-repeat;   
}  

/* Aspect général de la coche */  
form input#smiley_off:not(:checked) + label:after,  
form input#smiley_off:checked + label:after {  
	content: '';  
	position: absolute;  
	left:-4px; top: 0;  
	width: 13px; height: 13px; /* dim. de la case */  
	 
	background: url(../images/forum/checked.png) no-repeat; 
}  

/* Aspect si "pas cochée" */  
form input#smiley_off:not(:checked) + label:after {  
 	background: url(../images/forum/unchecked.png) no-repeat; 
}  

/* Aspect si "cochée" */  
form input#smiley_off:checked + label:after {  
  	background: url(../images/forum/checked.png) no-repeat; 
} 

/*********** STYLISER LES RADIO BUTTON ***********
http://www.creativejuiz.fr/blog/tutoriels/personnaliser-aspect-boutons-radio-checkbox-css*/

/* Cachons la case à cocher */  
form input.input_reponse:not(:checked),  
form input.input_reponse:checked 
{  
	position: absolute;  
	left: -9999px;  
}  
      
/* on prépare le label */  
form input.input_reponse:not(:checked) + label,  
form input.input_reponse:checked + label {  
	position: relative; /* permet de positionner les pseudo-éléments */  
	padding-left: 18px; /* fait un peu d'espace pour notre case à venir */  
	cursor: pointer;    /* affiche un curseur adapté */  
}  

/* Aspect des checkboxes */  
/* :before sert à créer la case à cocher */  
form input.input_reponse:not(:checked) + label:before,  
form input.input_reponse:checked + label:before {  
	content: '';  
	position: absolute;  
	left:-4px; top: 0;  
	width: 16px; height: 16px; /* dim. de la case */  

	background: url(../images/forum/unselected.png) no-repeat;   
}  

/* Aspect général de la coche */  
form input.input_reponse:not(:checked) + label:after,  
form input.input_reponse:checked + label:after {  
	content: '';  
	position: absolute;  
	left:-4px; top: 0;  
	width: 16px; height: 16px; /* dim. de la case */  
	 
	background: url(../images/forum/selected.png) no-repeat; 
}  

/* Aspect si "pas cochée" */  
form input.input_reponse:not(:checked) + label:after {  
 	background: url(../images/forum/unselected.png) no-repeat; 
}  

/* Aspect si "cochée" */  
form input.input_reponse:checked + label:after {  
  	background: url(../images/forum/selected.png) no-repeat; 
} 

/**** Ajout MS    */


#confirmation h6{
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 16px;
    padding: 7px;
}

#confirmation{
    height:160px;
}


#boite_feedback{
    margin: 7px 0px;
        
    padding: 20px;
    background-color: #4d1308;
    color: #aa2c00;
    border: 1px #aa2c00 solid;
    text-align: center;
    width: 550px;
}
